<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="__PUBLIC__/static/css/bootstrap/bootstrap.3.3.7.min.css">
    <script type="text/javascript" src="__PUBLIC__/static/js/scripts/jquery-2.1.1.js"></script>
    <script src="__PUBLIC__/static/js/bootstrap/bootstrap.3.3.7.min.js"></script>
    <script type="text/javascript" src="__PUBLIC__/static/js/jquery.printpage.js"> </script>

</head>
<body>
<div class="container">
<input type="button" class="btn btn-primary btn-sm" id="print_button" value="打印" style="margin-top: 20px;"/>
</div>

<hr style="	margin-top: 10px;
	margin-bottom: 0px;">
<div  id="myElementId">

    <div class="row" >
        {volist name="sale" id="vo" key="key"}

        <div class="col-sm-6 col-md-2" >
            <div class="thumbnail" style="	border: 1px solid #0f0e0e;">
                <table class="table table-bordered" style="margin-bottom: 0px;">
                    <caption style="color: black">艾特星匠材料附单</caption>
                    <thead>
                    <tr>
                        <th style="padding: 0; border: 1px solid #2d2a2a" >编号:{$vo.number}</th>
                    </tr>
                    </thead>
                    <tbody >
                    <tr >
                        <th style="padding: 0; border: 1px solid #2d2a2a">名称:{$vo.name}</th>
                    </tr>
                    <tr>
                        <th style="padding: 0; border: 1px solid #2d2a2a">厂家:{$vo.dimension|default = "未填写"}   去向：{$vo.quxiang|default="未填写"}</th>
                    </tr>
                    <tr>
                        <th style="padding: 0; border: 1px solid #2d2a2a">规格:{$vo.spec}</th>
                    </tr>
                    <tr>
                        <th style="padding: 0; border: 1px solid #2d2a2a">单价:{$vo.price}元</th>
                    </tr>
                    <tr>
                        <th style="padding: 0; border: 1px solid #2d2a2a">日期:{$vo.create_time}</th>
                    </tr>

                    </tbody>
                </table>
            </div>
        </div>

        {/volist}
    </div>
</div>
<script type="text/javascript">
$(function(){
$("#print_button").click(function(){
    $("#myElementId").print(/*options*/);
});
});
</script>
</body>
</html>